<com:TContent ID="Main">
<script type="text/javascript" src="assets/js/pagecreate.js"></script>
<com:THiddenField id="Temp_data" value=""/>
<div style="height:40px;width:100%;background:#000000;overflow:hidden;display:none;">
<div class = "MenuTab"id = "BookPageSelectTab"style= "left:300px;cursor: pointer">bookpage</div>
<div class = "MenuTab" id = "BinderSelectTab"style= "left:450px;cursor: pointer">Binder</div>
<div class = "MenuTab" id = "BackgroundSelectTab" style= "left:600px;cursor: pointer">Background</div>
</div>
<div class=toolbar>
		<a class=menu href="javascript:void(0)" onclick="SwaptoBookPage()" title="Choose Bookpage">&nbsp;bookpage</a>
		<a class=menu href="javascript:void(0)" onclick="SwaptoBinder()" title="Choose Binder">&nbsp;Binder</a>
		<a class=menu href="javascript:void(0)" onclick="SwaptoBackground()"title="Choose Background">&nbsp;Background</a>
</div>
<br><br><span class  ="booktext">Bookname</span><com:TTextBox ID="BookName"  /><span class  ="booktext">BookDescription</span><com:TTextBox ID="BookDesc"  />
<table width="100%" height="100%" border="0
">
  <tr>
    <td width="99%" bgcolor="#FFFFFF" >
	<table width="100%" border="0" cellspacing="10"
      <tr>
        <td width="5%" height="84" bgcolor="#FFFFFF"><div width = "100%" height ="100%"><img id = "goLeft" src = "assets/Pic/Page_create_pic/fp_arrow_left.gif" width="100%" /></td>
        <td width="15%" bgcolor="#FFFFFF"><div class="imgPol" width = "100%" height ="100%"align = "center"><img id = "pageOption0" width="80px" /><div id = "ItemDesc0"></div></div></td>
        <td width="15%" bgcolor="#FFFFFF"><div class="imgPol" width = "100%"align = "center"><img  id = "pageOption1"  width="80px" /><div id = "ItemDesc1"></div></div></td>
        <td width="15%" bgcolor="#FFFFFF"><div class="imgPol" width = "100%"align = "center"><img id = "pageOption2"  width="80px" /><div id = "ItemDesc2"></div></div></td>
        <td width="15%" bgcolor="#FFFFFF"><div class="imgPol" width = "100%"align = "center"><img  id = "pageOption3"  width="80px" /><div id = "ItemDesc3"></div></div></td>
        <td width="15%" bgcolor="#FFFFFF"><div class="imgPol" width = "100%"align = "center"><img  id = "pageOption4"  width="80px" /><div id = "ItemDesc4"></div></div></td>
        <td width="15%" bgcolor="#FFFFFF"><div class="imgPol" width = "100%"align = "center"><img  id = "pageOption5"  width="80px" /><div id = "ItemDesc5"></div></div></td>
        <td width="5%" bgcolor="#FFFFFF"><div width = "100%" height ="100%"><img id ="goRight" src = "assets/Pic/Page_create_pic/fp_arrow_right.gif" width="100%" /></td>
      </tr>
    </table>
    <table width="100%" height="100% border="0">
       <tr>
          <td width="100%" bgcolor="#FFFFFF">
			  <div align = "center" id="BackgroundImg" style = "left:20%;top:280px;position:absolute;width:100%;">
				<img align = "center" class="imgPol"id = "BackgroundImage" width="800" height="460"  />
				<div id="LPageImg" style = "left:50px;top:20px;position:absolute ;">
				<img id = "CurrentPageChooseLeft" width="350" />
				</div>
				<div id="RPageImg" style = "left:400px;top:20px;position:absolute ;">
				<img id = "CurrentPageChooseRight" width="350" />
				</div>
				<div id = "PageBinderImage" style="	left:381px;top:30px;width:37px;height:420px;position:absolute;" >
				</div>
			  </div>  
			  <div align = "center" style ="left:0px;top:750px;position:absolute;width:100%;">
			  <com:TRequiredFieldValidator
				ControlToValidate="BookName"
				ErrorMessage="Please provide your book name.<br>"
				Display="Dynamic" />
			<com:TRequiredFieldValidator
				ControlToValidate="BookDesc"
				ErrorMessage="Please provide your book description."
				Display="Dynamic" />
			  <br><com:TButton ID="SubmitCreateBook" Text="Submit" OnClick="createBookSubmitRequest"  /><br>
			  </div>	 
		  </td>
        </tr>
    </table>
		 
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p></td>
  </tr>
</table>
	
<script type="text/javascript">
	Init();
	if (/MSIE (\d+\.\d+);/.test(navigator.userAgent))
	{
	var ieversion=new Number(RegExp.$1)
	var BgPage = document.getElementById("BackgroundImg");
	BgPage.style.left = 0+"px";
	BgPage.style.top = parseInt(BgPage.style.top) - 200 +"px";
	}		
	else if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent))
	{
	}
	else
	{

	}
	
</script>


</com:TContent>